

.myTree-main-container {
    color: rgb(191, 203, 217);
    font-size: 14px;
    text-transform: capitalize;
    .myTree-self-container {
        cursor: pointer;
        display: flex;
        height: vw(25);
        align-items: center;
        position: relative;
        transition: background-color .3s;
        .myTree-icon-container {
            margin-left: vw(5);
            margin-right: vw(3);
            width: vw(10);
            img {
                width: 100%;
            }
        }
        .myTree-name-container {
            overflow: hidden;
            text-overflow: ellipsis;
            font-weight: 400;
            text-align: left;
            margin-left: vw(8);
        }
        &:hover {
            background-color: #1f2d3d;
        }
        .myTree-icon-arrow {
            width: vw(6);
            position: absolute;
            right: vw(8);
        }
    }

    .myTree-son-container {
        background-color: #243446 !important;
    }
}



.active {
    color: rgb(64, 158, 255);
    // transform: translateX(200px);
    // filter: drop-shadow(-200px 0 0 #415fff);
}